<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
   <header>
    <h1>北京各行业需求情况展示</h1>
    <div class="showTime"></div>
   </header>
   <!-- 页面主题 -->
   <section class="mainbox">
    <div class="column">
        <div class="panel bar">
            <h2>北京-昌平岗位需求量</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel line">
            <h2>就业趋势
            </h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
            <h2>就业热度城市</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
    </div>
    <div class="column">
        <!-- no数字面板 -->
        <div class="no">
            <div class="no-hd">
                <ul>
                    <li>142321</li>
                    <li>123121</li>
                </ul>
            </div>
            <div class="no-bd">
                <ul>
                    <li>互联网就业需求量</li>
                    <li>市场供应人数</li>
                </ul>
            </div>
        </div>
        <!-- 地图 -->
        <div class="map">
            <div class="chart"></div>
            <div class="map1"></div>
            <div class="map2"></div>
            <div class="map3"></div>
        </div>
    </div>
    <div class="column">
        <div class="panel bar2">
            <h2>岗位热度榜</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel line2">
            <h2>金融IT就业趋势</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
            <h2>就业热度城市</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
    </div>
   </section>
</body>
</html>
<script src="./js/flexble.js"></script>
<!-- 格式： 当前时间:2020年3月17-0时54分14秒 -->
<script src="./js/showtime.js"></script>
<!-- echarts -->
<script src="./js/echarts.js"></script>
<!-- 地图 -->
<script src="./js/china.js"></script>
<script src="./js/mymap.js"></script>
<script src="./index.js"></script>
